<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>九九乘法表</title>
		<style>
			table {
				border-collapse: collapse;
			}
			
			td {
				border: 1px solid #f00;
				padding: 5px 10px;
			}
		</style>
	</head>
	<table>
		<tr></tr>
	</table>

	<body>
		<script>
			document.write('<table>');
			for(var i = 1; i <= 9; i++) {//i:代表行  j：代表竖
				document.write('<tr>');
				for(var j = 1; j <= i; j++) {
					document.write('<td>');
					document.write(j + '*' + i + '=' + j * i);
					document.write('</td>');
				}
				document.write('</tr>');
			}
			document.write('</table>');
		</script>
	</body>

</html>